<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <title>墨点艺术</title>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <link type="text/css" rel="stylesheet" href="css/viewer.css"/>
</head>
<body>
<div class="body">
    <div class="content flex1">
        <div class="user-module">
            <div class="btns">
                <div class="back-w"></div>
                <div class="share"></div>
            </div>
            <div class="cont">
                <div class="user">
                    <img class="head" src="images/banner.jpg">
                    <div class="center flex1">
                        <p class="name">徐兴才</p>
                        <p class="addr">北京</p>
                    </div>
                    <div class="right">
                        <div class="heart"></div>
                        <p>我喜欢</p>
                    </div>
                </div>
                <div class="num">180 幅作品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;180.88w 人喜欢</div>
                <div class="tags">
                    <span class="tag">中国书法家协会</span>
                    <span class="tag">中国作家</span>
                    <span class="tag">中国</span>
                    <span class="tag">书法家协会</span>
                    <span class="tag">作家</span>
                </div>
                <p class="new clamp2">央视网消息：习近平近日将要发表重要演讲，请大家共同关注！！谢谢</p>
            </div>
        </div>
        <!-- 内容 -->
        <div class="home-works">
            <a href="javascript:;" class="active">
                <div class="thumb">
                    <img src="images/banner.jpg" alt="" >
                </div>
                <div class="tit ellipsis">热门活动热门活动热门活动热门活动热门活动热门活动热门活动热门活动</div>
                <div class="cont">
                    <div class="float_l">结束时间：03时08分09秒</div>
                    <div class="float_r">180次围观</div>
                </div>
            </a>
            <a href="javascript:;" class="active">
                <div class="thumb">
                    <img src="images/banner.jpg" alt="" >
                </div>
                <div class="tit ellipsis">热门活动热门活动热门活动热门活动热门活动热门活动热门活动热门活动</div>
                <div class="cont">
                    <div class="float_l">结束时间：03时08分09秒</div>
                    <div class="float_r">180次围观</div>
                </div>
            </a>
            <a href="javascript:;" class="active">
                <div class="thumb">
                    <img src="images/banner.jpg" alt="" >
                </div>
                <div class="tit ellipsis">热门活动热门活动热门活动热门活动热门活动热门活动热门活动热门活动</div>
                <div class="cont">
                    <div class="float_l">结束时间：03时08分09秒</div>
                    <div class="float_r">180次围观</div>
                </div>
            </a>
        </div>
        <!-- 右侧导航 -->
        <div class="right-nav">
            <a href="javascript:;" class="nav">简介</a>
            <a href="javascript:;" class="nav">履历</a>
            <a href="javascript:;" class="nav">专访</a>
            <a href="javascript:;" class="nav">画册</a>
            <a href="javascript:;" class="nav curr">作品</a>
            <a href="javascript:;" class="nav">相册</a>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/viewer.js"></script>
<script type="text/javascript">
    $('.home-works').viewer();
    $(function(){
        var tagColor = ['#0076ff', '#34a600', '#4d86f9', '#c96ffe', '#7400ff', '#f9365f', '#ffa500', '#ee5050'];
        var tagDom = $('.user-module .tags .tag')
        var tagLen = tagDom.length;
        var randomArr = [];
        for(var i = 0; i < tagLen; i ++){
            var num = Math.floor(Math.random() * tagColor.length);
            while (num == randomArr[randomArr.length - 1]) {
                num = Math.floor(Math.random() * tagColor.length);
            }
            randomArr.push(num);
        }
        tagDom.each(function(i,o){
            $(o).css({'background': tagColor[randomArr[i]]});
        })
    })
</script>
</body>
</html>